<script setup lang="ts">
import { ref } from 'vue'
const value = ref('')
/** Vue 3.3+ defineEmits 语法 */
const emit = defineEmits<{
  onSearch: [val: string]
}>()
const onSearch = (val: string) => {
  emit('onSearch', val)
}
</script>

<template>
  <van-search
    v-model="value"
    placeholder="搜索便签"
    input-align="center"
    @search="onSearch"
    shape="round"
    background="rgb(248, 248, 248)"
  />
</template>
<style lang="scss" scoped>
.van-search {
  padding: 0;
  :deep(.van-search__content) {
    background-color: rgb(237, 237, 237);
    // border-radius: 0.15rem;
  }
}
</style>
